<!doctype html>
<html>
	<head>
		<title></title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<meta content="telephone=no" name="format-detection" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta id="vieport" name="viewport" content="width=640, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5">
		<script src="js/jquery-1.8.0.min.js"></script>
        <script src="js/jquery.nicescroll.js"></script>
		<script type="text/javascript" src="./js/home.js?version=0313"></script>
		<script type="text/javascript" src="js/jquery.getparm.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<link rel="stylesheet" type="text/css" href="./css/home.css?version=0310" />
		<link rel="stylesheet" type="text/css" href="./css/common.css?version=0310" />
		<link rel="stylesheet" type="text/css" href="common.css">
        <script type="text/javascript" src="js/common.js?version=0310"></script>
		<script language="javascript">
			var phone=$.cookie("NP_INFO_TELNO");
			function loaded(){
			//var a=$.getUrlParam('RECOM_NATURE_FID');
			
			var a=$.cookie("NP_INFO_ID");
			var c=$.cookie("U_KEY");
				$.natureajax({
						type: "get",
						url:jsonserver+"commission_month.do?callback=?",//获取JSON
						dataType:"jsonp",
						data:"RECOM_NATURE_FID="+a+"&pageSize=500&pageNo=1",
						success:function(json){
								var data = json[1];
								if(data.length>0){
								//有消息进行遍历
								for(i=0;i<data.length;i++){		
									var attr = data[i];
									//根据日期分别获得年月日
									var riqi=attr.DATEA.split('/');
									var nian=riqi[0];
									var k=parseInt(riqi[1],10);
									//k=y==0?k:y;
									//动态生成列表

									$("#list").append("<div onclick=\"xiayiji('"+a+"','"+attr.DATEA+"')\"; class='liebiao' style='height:189px;margin-top:15px'><div style='float:left;height:189px;width:30%; background-color:#F2F2F2;'><div style='height:50px;margin-left:30%'></div>"+
									"<div style='margin:-50px;margin-left:32%;'><span style='font-size:90px;color:#1665b7;'>"+k+"</span><span style='font-size:30px;color:#1665b7;'>月</span> </div><div class='nian'>&nbsp;&nbsp;"+nian+"<img src='img/qiandai.png' style=''></div></div>"+
									"<div style='height:189px;width:7px;float:left;background:url(\"img/zhongxian.png\");'></div><div style='height:189px;margin-left:40%;margin-top:2%;'><div><span class='chenggong' style='line-height:1.5em;text-align:center;'>成功</span>"+
									"<span style='border-bottom: 1px solid #EFEFEF;'  >&nbsp;&nbsp;"+attr.SUCCESS+"笔</span></div><div><span class='shibai' style='line-height:1.5em;text-align:center;'>失败</span><span style='border-bottom: 1px solid #EFEFEF;'>&nbsp;&nbsp;"+attr.FAILED+"笔</span></div>"+
									"<div><span class='fanyong' style='line-height:1.5em;text-align:center;'>返佣</span>"+
									"<span style='border-bottom: 1px solid #EFEFEF;'>&nbsp;&nbsp;金额"+(attr.AMOUNT==""?"0":attr.AMOUNT)+"元</span></div></div></div>");

									/*$("#list").append("<div onclick=\"xiayiji('"+a+"','"+attr.DATEA+"')\"; class='liebiao' style='height:189px;margin-top:15px'><div style='float:left;height:189px;width:30%; background-color:#F2F2F2;'><div style='height:50px;margin-left:30%'></div><div style='margin-left:30%;margin-top:-18%;'><span style='font-size:90px;color:#1665b7;'>"+k+"</span><span style='font-size:30px;color:#1665b7;'>月</span> </div><div class='nian'>&nbsp;&nbsp;"+nian+"<img src='img/qiandai.png' style='margin-top: 4px;margin-left:10px;'></div></div><div style='height:189px;width:7px;float:left;background:url(\"img/zhongxian.png\");'></div><div style='height:189px;margin-left:40%;margin-top:1%;'><div><span class='chenggong' style='line-height:1.5em;text-align:center;'>成功</span><span style='border-bottom: 1px solid #EFEFEF;'  >"+attr.SUCCESS+"笔业务.</span></div><div><span class='shibai' style='line-height:1.5em;text-align:center;'>失败</span><span style='border-bottom: 1px solid #EFEFEF;' >"+attr.FAILED+"笔业务.</span></div><div><span class='fanyong' style='line-height:1.5em;text-align:center;'>返佣</span><span style='border-bottom: 1px solid #EFEFEF;'>"+(attr.AMOUNT==""?"0":attr.AMOUNT)+"元.</span></div></div></div>");*/

								
									}
								}else{
									$("#list").append("<div style='text-align:center;font-size:30px;'>暂无佣金信息</div>");
								}
							},
					error:function(){
					}
				})
			}

			$(function () {
				 setTimeout(loaded, 200); 
				 });
				function xiayiji(idid,DATEA){	 
			        var url ="./commissionxq.html";
					url+="?DATEA="+DATEA+"&COI_NATURE_FID="+idid;	
			       	window.location.href=url;
			 
			}
				function fanyongzhengce(){	 
					var url ="./yongjinzhengce.html";
					window.location.href=url;
			}
		</script>
		<style>
		body{
		font-family:'微软雅黑';
		
		
		}
		.liebiao{
			background-color:#FFFFFF;
			margin:10px 10px 10px 10px;
			border-style:solid;
			position:inherit;
			border-radius:7px;  
			border-color:#FFFFFF;
			height:189px;
			font-size:30px;
			width:97%;
		}
		.riqi{
			background-color:#F2F2F2;
			position:inherit;
			border-radius:0px;  
			border-color:#F2F2F2;
			height:189px;
			width:30%;
		}
		.wenzi{
			font-size:90px;	
			color:#1665b7;
			margin:0px 0px 0px 65px;
		}
		.nian{
			font-size:30px;	
			color:#666666;
			background-color:#FFFFFF;
			border-style:solid;
			position:inherit;
			border-radius:7px;  
			border-color:#FFFFFF;
			height:45px;
			margin: 40px auto auto;
			line-height:45px;
			width:120px;
			
		}
		.chenggong{
			font-size:30px;	
			color:#FFFFFF;
			background-color:#00ade1;
			border-style:solid;
			border-radius:8px;  
			border-color:#FFFFFF;
			height:42px;
			
		}
			.shibai{
			font-size:30px;	
			color:#FFFFFF;
			background-color:#535353;
			border-style:solid;
			border-radius:8px;  
			border-color:#FFFFFF;
			height:42px;
			width:80px;
		}
			.fanyong{
			font-size:30px;	
			color:#FFFFFF;
			background-color:#eb9000;
			border-style:solid;
			border-radius:8px;  
			border-color:#FFFFFF;
			height:42px;
			width:80px;
		}
		.henxian {
		    border-bottom: 1px solid #EFEFEF;
		    margin-left: 10%;
		    width: 70%;
		    height:1px;
		}		
				
		</style>
	</head>
<body onresize="resize()" >
	<div id="bodyobj" class="bigimg" style="overflow: hidden;">
		<div id="header" style="width:100%">
		<div id="header" style="text-align:center;" class="header">
          <table width="100%" class="headerTal">
            <tr>
              <td class="menuTd">返回</td>
              <td style=" text-align:center;font-size:32px; color:#fff;">我的佣金</td>
			  <td><div onclick="fanyongzhengce();"style="text-align:center;line-height:60px;  color:#fff;height:60px;background:url('images/index/index_message.png') no-repeat;background-position: center;">返佣政策</div></td></td>
            </tr>
          </table>
        </div>
		<div id="home1" style="width:100%;background:url('img/yongjin_beijin.png')">
			<div>
				<!--页面主体开始-->
				<div id="list" style="min-width:640px;">
			
				</div>
				<!--页面主体结束-->
			</div>
		</div>
		</div>
	</div>
</body>
</html>